<template>
	<view >
		<!-- 快递单号 -->
		<view style="width: 100vw; height: 10vh;display: flex;background-color: #fff;">
			<!-- 左侧 -->
			<view style="width: 80vw;height: 10vh;padding-left: 2vw;">
				<view style="width: 98vw;font-size: 0.8rem;color: #999;height: 4vh;line-height: 4vh;">快递单号</view>
				<view style="width: 80vw;height: 10vw;">
					<input type="text" value="" placeholder="请填写退货快递单号" style="font-size: 1.1rem;border: none;"/>
				</view>
				
			</view>
			
			<!-- 右侧 -->
			<view style="width: 20vw;height: 10vh;">
				<image src="../../../../static/images/Lxj.png" style="width:5vw;height: 3vh;margin-top: 2vh;margin-left: 2vw;" mode=""></image>
				<view style="font-size: 0.5rem;">拍快递单</view>
			</view>
		</view>
		<!-- 自动匹配 -->
		<view style="background-color: #fff; color: #999;font-size: 0.9rem;width: 100vw; display: flex;h">
			<view style="width: 85vw;padding-left: 2vw;">
				自动匹配快递公司
			</view>
			<view style="width: 8vw;">
				<image src="../../../../static/images/右箭头.png" style="width: 5vw;height: 5vh;" mode=""></image>
			</view>
		</view>
		<!-- 退货运费 -->
		<view style="width: 100vw;height: 8vh;margin-top: 2vh;background-color: #fff;display: flex;">
			<view style="width: 20vw;margin-left: 2vw;font-size: 0.8rem;height: 8vh;line-height: 8vh;">退货运费</view>
			<view style="color: red;height: 8vh;line-height: 8vh;">￥</view>
			<view style="margin-top: 2.5vh;margin-left: 2vw;">
				<input type="text" value="" placeholder="请输入退货运费" style="font-size: 0.8rem;"/>
			</view>
		</view>
		<!-- 退货留言 -->
		<view style="width: 100vw;height: 22vh;background-color: #fff;margin-top: 2vh;">
			<view style="width: 100vw;height: 8vh;display: flex;">
				<view style="width: 20vw;margin-left: 2vw; height: 8vh;line-height: 8vh;font-size: 0.8rem;">
					退货留言
				</view>
				<view style="width: 70vw;height: 8vh;line-height: 8vh;font-size: 0.5rem;color: #999;">
					您还可以输入{{170-calculation.length}}个字
				</view>
			</view>
			<!-- 输入信息 -->
			<view style="width: 100vw;height: 10vh;">
				<textarea value="" placeholder="请您详细填写您的退留言" v-model="calculation"/>
			</view>
		</view>
		<!-- 上传图片 -->
		<view style="width: 100vw;height: 20vh;background-color: #fff;" @click="PicturesUploaded">
		<view style="width: 30vw;height: 16vh;background-color: #fff;margin-left: 2vw;border: dashed 1px #999;">
			<!-- 上传图 图片 -->
			<view style="width: 30vw;height: 10vh;">
				<image src="../../../../static/images/上传图片.png" mode=""
					style="width: 6vw;height: 4vh;margin-left: 12vw;margin-top: 5vh;"></image>
			</view>
			<view
				style="width: 30vw;height: 5vh;line-height: 5vh;text-align: center;line-height: 5vh;font-size: 0.5rem;">
				上传图片</view>
			
		</view>
		</view>
		<!-- 提交按钮 -->
		<view @click="SureSubmit" style="width: 92vw;margin-left: 4vw;height: 5vh;background-color: #F3A73F;line-height: 5vh;text-align: center; color: #fff;font-size: 0.8rem;">
			确认提交
		</view>
		
		
	</view>
</template>

<script>
	export default{
		data(){
			return{
				calculation:''
			}
		},
		methods:{
			SureSubmit(){
			uni.redirectTo({
				url:'../Purchase-center'
			})
		}
		}
		
	}
</script>

<style>
</style>
